<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_jznls6pwh8i.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>我的-我的发布-案例详情</title>
    <style>
        .wrapper{
            overflow: hidden;
        }
        .left-box{
            width: 200px;
            height: auto;
            margin-top: 20px;
            overflow: hidden;
        }
        .left-box .user{
            width: 200px;
            height: 260px;
            background: #FFFFFF;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .left-box .user .heading{
            display: block;
            width: 100px;
            height: 100px;
            border-radius: 50px;
            overflow: hidden;
            margin: 50px auto 20px;
        }
        .left-box .user .name{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .left-box .user .ids{
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-top: 14px;
        }
        .left-box .user-menus{
            width: 200px;
            height: auto;
            background: #FFFFFF;
            border-radius: 5px;
            margin-bottom: 50px;
        }
        .left-box .menu-a{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 20px 0;
            border-bottom: 1px solid #E2E2E2;
        }
        .left-box .menu-a:last-child{
            border-bottom: 0;
        }
        .left-box .menu-a .item{
            display: block;
            width: 100%;
            height: 52px;
            line-height: 52px;
            text-align: center;
            border-left: 2px solid #fff;
            padding-right: 2px;
        }
        .left-box .menu-a .item .item-pic{
            width: 14px;
            height: auto;
            position: relative;
            top: 2px;
        }
        .left-box .menu-a .item span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .left-box .menu-a .item.active{
            background: #F1F7FF;
            border-left: 2px solid #4C9AFE;
        }
        .left-box .menu-a .item.active span{
            color:#4C9AFE;
        }
        .left-box .menu-a .item:hover{
            background: #F1F7FF;
            border-left: 2px solid #4C9AFE;
        }
        .left-box .menu-a .item:hover span{
            color:#4C9AFE;
        }
        .rightinfo{
            width: 980px;
            height: auto;
            overflow: hidden;
            background-color: #fff;
            margin-top: 22px;
        }
        /* 部分菜单 */
        .backtitle{
            width: 100%;
            padding: 25px 0;
        }
        .backtitle .iconfont{
            font-size: 16px;
            color:#999999;
            cursor: pointer;
        }
        .backtitle span{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            cursor: pointer;
        }
        .xc{
            width: 980px;
            height: auto;
            background: #FFFFFF;
            border-radius: 5px;
            padding: 0 20px;
        }
        .xc-title{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-right: 55px;
        }
        .xc-title .line{
            width: 3px;
            height: 20px;
            background: #4C9AFE;
            margin-right: 22px;
        }
        .xc-title .txt{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .xc-title .status{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4C9AFE;
        }
        .info-list{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 30px 32px 0;
            margin-bottom: 20px;
        }
        .info-list .heading{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
        }
        .info-list .infos{
            width: 790px;
            height: auto;
        }
        .info-list .infos .item{
            width: 33%;
            height: auto;
            margin-bottom: 30px;
            text-align: left;
        }
        .info-list .infos .item .spa{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            margin-right: 10px;
        }
        .info-list .infos .item .spb{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
        .info-list .releasetimes{
            width: 100%;
        }
        .info-list .releasetimes span{
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-right: 20px;
        }
        /* 委托信息 */
        .info-content{
            width: 100%;
            height: auto;
            padding: 0 31px;
        }
        .info-content .ct-title{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            margin-top: 30px;
        }
        .info-content .time{
            width: 100%;
            padding: 15px 0;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #999999;
        }
        .info-content .desc{
            width: 100%;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            margin-bottom: 30px;
        }
        /* 无人接单 */
        .noaccept{
            width: 100%;
            height: auto;
            border-top: 1px solid #ccc;
        }
        .noaccept .txt{
            padding: 20px 0;
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .noaccept .noac-btn{
            width: 128px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            background: #4C9AFE;
            border-radius: 19px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #FFFFFF;
            margin: 30px auto 50px;
            cursor: pointer;
        }
        /* 接受人信息 */
        .accept-user{
            width: 702px;
            height: 52px;
            background: #E1F6FF;
            border-radius: 5px;
            padding:0 20px;
            overflow: hidden;
            margin-left: 122px;
        }
        .accept-user .cat{
            width: auto;
            line-height: 52px;
            margin-right: 40px;
        }
        .accept-user .cat .iconfont{
            font-size: 16px;
            color: #4C9AFE;
        }
        .accept-user .cat .spa{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4C9AFE;
            margin:0 5px;
        }
        .accept-user .cat .spb{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #4C9AFE;
        }
        .yaoqiu{
            width: 100%;
            padding: 0 30px 40px;
            margin-bottom: 50px;
            border-bottom: 1px solid #E2E2E2;
        }
        .yaoqiu .title{
            padding: 10px 0;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .yaoqiu .yq-content{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            line-height: 28px;
        }
        /* 经办人信息 */
        /* 经办人信息（有经办人） */
        .jingban-info{
            width: 920px;
            height: auto;
            padding: 16px 18px;
            background: #F3F4F8;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 40px;
            margin-top: 30px;
        }
        .jingban-info .user{
            width:230px;
            height: auto;
            overflow: hidden;
            margin-top: 5px;
        }
        .jingban-info .user .heading{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 5px;
        }
        .jingban-info .user .user-info{
            overflow: hidden;
        }
        .jingban-info .user .name{
            font-size: 18px;
            font-weight: 400;
            color: #333333;
            margin-top: 5px;
            margin-bottom: 8px;
        }
        .jingban-info .user .lable{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #A7B1BD;
        }
        .jingban-info .com{
            width: 360px;
            height: 64px;
            padding: 6px 45px;
            border-left: 1px solid #E2E2E2;
            border-right: 1px solid #e2e2e2;
        }
        .jingban-info .com .item{
            width: 100%;
            overflow: hidden;
        }
        .jingban-info .com .item:first-child{
            margin-top: 4px;
            margin-bottom: 8px;
        }
        .jingban-info .com .icon{
            width: 16px;
            height: auto;
        }
        .jingban-info .com span{
            font-size: 16px;
            font-weight: 400;
            color: #97A8BE;
        }
        .jingban-info .call .callpic{
            width: 38px;
            height: 38px;
            border-radius: 50%;
            overflow: hidden;
            margin-top: 12px;
            margin-left: 40px;
            margin-right: 12px;
        }
        .jingban-info .call .txt{
            font-size: 16px;
            font-weight: 400;
            color: #4C9AFE;
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div>
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <a class="item fl">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="wrapper">
                <div class="left-box fl">
                    <div class="user">
                        <img src="../../images/lawyer.png"  class="heading">
                        <div class="name">榕树下的回忆</div>
                        <div class="ids">ID:364875412</div>
                    </div>
                    <div class="user-menus">
                        <div class="menu-a">
                            <a href="" class="item active">
                                <img src="../../images/ucenter_menu1.png" class="item-pic">
                                <span>我的订单</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu2.png" class="item-pic">
                                <span>我的律师</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu3.png" class="item-pic">
                                <span>我的提问</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu4.png" class="item-pic">
                                <span>我的委托</span>
                            </a>
                        </div>
                        <div class="menu-a">
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu5.png" class="item-pic">
                                <span>我的收藏</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu4.png" class="item-pic">
                                <span>我的评价</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu6.png" class="item-pic">
                                <span>我的钱包</span>
                            </a>
                        </div>
                        <div class="menu-a">
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu7.png" class="item-pic">
                                <span>个人中心</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu8.png" class="item-pic">
                                <span>系统消息</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu9.png" class="item-pic">
                                <span>帮助中心</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu10.png" class="item-pic">
                                <span>意见反馈</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="rightinfo fr">
                    <div class="xc">
                        <div class="backtitle">
                            <i class="iconfont iconjiantouzuo"></i>
                            <span>委托详情</span>
                        </div>
                        <div class="wt-info">
                            <div class="xc-title">
                                <div class="line fl"></div>
                                <div class="txt fl">委托人信息</div>
                                <div class="status fr">已完成</div>
                            </div>
                            <div class="info-list">
                                <img src="../../images/lawyer.png" class="heading fl">
                                <div class="infos fr">
                                    <div class="item">
                                        <span class="spa">姓名</span>
                                        <span class="spb">王村花</span>
                                    </div>
                                    <div class="releasetimes">
                                       <span>发布时间:2020-09-09 18:00</span>
                                       <span>地点:郑州</span>
                                       <span>类别:房屋买卖</span>
                                       <span>涉案金额:30000</span>
                                    </div>
                                </div>
                            </div>
                            <div class="yaoqiu">
                                <div class="title">要求</div>
                                <div class="yq-content">办案案情：2016年5月中旬河南某公司与原告郑州银行某支行签订借款合同，并与被告刘某、吕某、河南某公司（保证人）签订保证合同约定承担连带担保责任。后因借款公司到期后无力偿还，原告起诉至金水区人民法院，后经本律师代理，案件如期开庭。</div>
                            </div>
                            <!-- <div class="accept-user">
                                <div class="cat fl">
                                    <i class='iconfont iconyonghu'></i>
                                    <span class="spa">接收人电话</span>
                                    <span class="spb">15785625486</span>
                                </div>
                                <div class="cat fl">
                                    <i class='iconfont iconFrame1'></i>
                                    <span class="spa">邮寄地址</span>
                                    <span class="spb">河南省南三环都市广场1408</span>
                                </div>
                            </div> -->
                        </div> 
                        <!-- 承办人信息 -->
                        <div class="wt-info">
                            <div class="xc-title">
                                <div class="line fl"></div>
                                <div class="txt fl">承办人信息</div>
                            </div>
                            <div class="jingban-info">
                                <div class="user fl">
                                    <img src="../../images/lawyer.png" class="heading fl">
                                    <div class="user-info fl">
                                        <div class="name">李泽豪律师</div>
                                        <div class="lable">主办律师</div>
                                    </div>
                                </div>
                                <div class="com fl">
                                    <div class="item">
                                        <img src="../../images/xuexiao.png" class="icon">
                                        <span>教育背景：华中科技师范大学</span>
                                    </div>
                                    <div class="item">
                                        <img src="../../images/company.png" class="icon">
                                        <span>职业单位：京南律师事务所</span>
                                    </div>
                                </div>
                                <div class="call fl">
                                    <img src="../../images/callblue.png" class="callpic fl">
                                    <div class="txt fl">联系电话：16845123014</div>
                                </div>
                            </div>
                        </div> 
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>